<!DOCTYPE html>
<html>
<head>
    <title>CSS Test reference</title>
    <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
    <style type="text/css">
        .block {
           position: absolute;
           top: 70px;
           width: 60px;
           height: 120px;
        }
        .green {
            background-color: green;
        }
        .blue {
            background-color: blue;
        }
        #rect-1 {
            left: 20px;
        }
        #rect-2 {
            left: 90px;
        }
        #rect-3 {
            left: 190px;
        }
        #rect-4 {
            left: 260px;
        }
    </style>
</head>
<body>
    <p>The test passes if there are two green vertical rectangles on the left of two blue vertical rectangles. 
        There should be no red.</p>
    <div class="green block" id="rect-1"></div>
    <div class="green block" id="rect-2"></div>
    <div class="blue block" id="rect-3"></div>
    <div class="blue block" id="rect-4"></div>
</body>
</html>
